<!DOCTYPE html>
<html>

<head>
    <title>$ $ $</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <script src="../node_modules/_vue@2.6.14@vue/dist/vue.min.js"></script>
</head>

<body>
    <div id="box">
        <ul>
            <li v-for="(v,i) in arr">{{v}}</li>
        </ul>
          <table border="1px">
              <tr v-for="(v,i) in obj">
                  <td>{{i}}</td>
                  <td>{{v.name}}</td>
                  <td>{{v.age}}</td>
              </tr>
          </table>
    </div>
</body>

</html>
<script>
    new Vue({
        el: "#box",
        data: {
            arr: ["我", "是", "谁"],
            obj: [
                { name: "xixi1", age: 181 },
                { name: "xixi2", age: 182 },
                { name: "xixi3", age: 183 },
                { name: "xixi4", age: 1845 },
                { name: "xixi5", age: 186 },
                { name: "xixi6", age: 187 }
            ]
        }
    })
</script>